<template>
    <div class="tips-container">
        <div class="tips">
            {{content.message}}
        </div>
    </div>
</template>
<script>
    export default {
        name: 'tips',
        data() {
            return {
                content: {
                    message:"默认内容"
                }
            }
        },
        methods: {

        },
    };
</script>
<style scoped>
    .tips-container {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
        z-index: 99999;
    }

    .tips {
        background-color: #dfebfe;
        color:#666;
        font-size: .2rem;
        padding: 5px 15px;
        border-radius: 5px;
    }
</style>